/*---------------------------------------------------------------- 
// 文件功能描述：通用样式、标签初始化
// author：sjl
// 时间：2020/11/24
// 修改标识： 
// 修改描述：
//----------------------------------------------------------------*/
*{
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

html,body{
    width: 100%;
    height: 100%;
}
.clearfix:after{
    content:"\20";
    display:block;
    clear:both;
}
.clearfix{
    zoom:1;
}

a{
    text-decoration: none;
    color: inherit; 
}

button{
	border:0;
	background-color:none;
	outline: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
}
li {
    list-style: none;
}

img {
    border: 0;
    vertical-align: bottom; /*图片间隙问题*/
}
em,
i {
    font-style: normal;
}
input,
textarea {
    font: 400 13.3333px Arial;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout:default;
    -webkit-user-select:text;
    -khtml-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;/*禁用手机浏览器的用户选择功能 */
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color: #cccccc;
}

body {
    font-family: '微软雅黑', 'Microsoft Yahei', 'Hiragino Sans GB', '宋体', Helvetica, STHeiti, Arial, sans-serif;  
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.u-flex_col{
    display: flex;
    flex-direction: column;
}
.u-flex_row{
    display: flex;
    flex-direction: row;
}
.u-flex{
    position: relative;
    flex:1;
    overflow: auto;
    &::-webkit-scrollbar {
        display: none;
    }
}
.ofh{
    overflow: hidden;
}
.ml10 {
    margin-left: 10px;
}
.mr10{
    margin-right: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.pl20{
    padding-left: 20px;
}
.ml20{
    margin-left: 20px;
}
.mt10{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}
.w150{
    width: 150px;
}
.w200{
    width: 200px;
}
.w250{
    width: 250px;
}
.w300{
    width: 300px;
}
.red{
    color: red;
}

.red:hover,.red:active,.red:focus{
    color: red;
}
.w100per{
    width: 100%;
}
.empty{
    width: 100%;
    text-align: center;
    padding-top: 50px; 
    color: #ccc;
}

.hide .el-upload--picture-card {
    display: none;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    border: none!important;
}
//自定义滚动条
::-webkit-scrollbar {
    display: block;
    width: 6px;
    height: 1px;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.6);
    background-color: rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #2a2f55;
}

